<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a="http://richfaces.org/a4j">
	<h:panelGrid columns="1" styleClass="personInfo">
		<h:outputText value="#{personmsgs['paymentInfo']}" />
	</h:panelGrid>

	<h:panelGrid columns="4" styleClass="inputBlock"
		columnClasses="paymentInfoGridCol1, paymentInfoGridCol2, paymentInfoGridCol3, paymentInfoGridCol4">
		<h:outputText value="#{personmsgs['paymentInfo.byCreditCard']}" />
		<h:selectOneMenu style="width:100;">
			<f:selectItems value="#{person.paymentWays}"/>
		</h:selectOneMenu>
		<rich:spacer />
		<rich:spacer />

		<h:outputText value="#{personmsgs['paymentInfo.cardNo']}" />
		<h:inputText/>
		<rich:spacer />
		<rich:spacer />

		<h:outputText value="#{personmsgs['paymentInfo.cardOwner']}" />
		<h:inputText/>
		<h:outputText value="#{personmsgs['paymentInfo.expiredDate']}" />
		<s:decorate id="dExpiredDate" template="/layout/validationTemplate.xhtml">
			<rich:calendar id="cDayExpired" showWeekDaysBar="false" showFooter="false"
				value="#{person.selectedPaymentCardExpired}"
				oncurrentdateselected="event.rich.component.selectDate(event.rich.date)"
				popup="false" styleClass="special" />
		</s:decorate>
		<ui:remove>
		<h:panelGroup>
			<h:selectOneMenu style="width:100;">
				<f:selectItems value="#{person.months}"/>
			</h:selectOneMenu>
			<h:selectOneMenu style="width:100;">
				<f:selectItems value="#{person.cardExpiredYears}"/>
			</h:selectOneMenu>
		</h:panelGroup>
		</ui:remove>
	</h:panelGrid>
</ui:composition>
